<%@page import="br.com.trabalho.entidades.Usuario"%>
<%@page import="br.com.trabalho.util.Util"%>
<%@page import="java.util.List"%>
<%@page import="br.com.trabalho.entidades.Receita"%>
<%@page import="br.com.trabalho.entidades.Receita"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <link href="css/bootstrap.css" rel="stylesheet">
        <script src="js/bootstrap.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta property="og:site_name" content="Portal de Receitas"/>
	<meta property="og:locale" content="pt_BR"/>
        <title>Administração do Portal</title>
        <style>
            .header{
                text-align: center;
            }
            footer{
                text-align: center;
            }
            .panel-heading{
                text-align: center;
            }
        </style>
    </head>
    <body>
        <%@ include file="template.jsp" %>
        <div class="container">
            <section class="col-sm-12 col-md-6 col-lg-6 col-6" style="min-height: 500px">
                <div class="panel panel-primary">
                    <div class="panel-heading">Minhas Receitas</div>
                    <table style="width: 100%;" class="table">
                        <tr>
                            <td>ID</td>
                            <td>Nome</td>
                            <td>--</td>
                            <td>--</td>
                        </tr>
                    <c:forEach items="${sessionScope.USUARIO.receitas}" var = "receita">
                        <tr>
                            <td>${receita.id}</td>
                            <td>${receita.nome}</td>
                            <td><a href='new_recipe?edit=true&id=${receita.id}'>Editar</a></td>
                            <td><a href='details?id=${receita.id}'>Vizualizar</a></td>
                        </tr>
                    </c:forEach>
                </table>
                </div>
            </section>
            <section class="col-sm-12 col-md-6 col-lg-6 col-6" style="min-height: 500px">
                <div class="panel panel-primary">
                    <div class="panel-heading">Receitas Curtidas</div>
                    <table style="width: 100%;" class="table">
                        <tr>
                            <td>ID</td>
                            <td>Nome</td>
                            <td>--</td>
                        </tr>
                    <c:forEach items="${sessionScope.USUARIO.receitasAvaliadas}" var = "receita">
                        <c:if test="${receita.nota > 2}">
                            <tr>
                                <td>${receita.receita.id}</td>
                                <td>${receita.receita.nome}</td>
                                <td><a href='details?id=${receita.id}'>Vizualizar</a></td>
                            </tr>
                        </c:if>
                    </c:forEach>                    
                </table>
                </div>
            </section>
        </div>     
        <div style="clear: both"></div>
        <footer style="text-align: center;">
            <%@ include file="footer.jsp" %>
        </footer>
        
        
        <script>
            window.onload = function(){
                var cadastroReceita = '${param.cadastroSucesso}';
                if(cadastroReceita == "true"){
                    alert("Receita cadastrada com sucesso");
                }
            }
        </script>
    </body>
</html>
